import { StyleSheet } from 'react-native';
import { phonePx } from '../../util/adapt';

export default StyleSheet.create({
  container: {
    width: phonePx(280),
    height: phonePx(150),
    borderColor: '#61B6FB',
    borderWidth: 1,
    borderRadius: phonePx(8),
    backgroundColor: '#ffffff',
    alignItems: 'center'
  },
  title: {
    color: '#585D6D',
    fontWeight: '500',
    fontSize: phonePx(16),
    lineHeight: phonePx(22),
    marginTop: phonePx(20)
  },
  wrapper: {
    backgroundColor: '#D8D8D8',
    height: phonePx(3),
    borderRadius: phonePx(2),
    marginTop: phonePx(33)
  },
  progress: {
    height: phonePx(3),
    borderRadius: phonePx(2)
  },
  desc: {
    color: '#585D6D',
    fontSize: phonePx(12),
    lineHeight: phonePx(17),
    marginTop: phonePx(27)
  }
});
